<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/v2/console/common/taglibs.jsp"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<link rel="stylesheet" type="text/css" href="${path}/v2/site/css/idangerous.swiper.css"/>
		<link rel="stylesheet" href="${path}/v2/site/css/style.css">
		<script src="${path}/v2/console/js/jquery-1.9.1.min.js"></script>
		<title>首页</title>
	</head>
	<body>
		<div class="header">
			<div class="top-bar">
				<a class="top-bar-item-first">中国电子商务协会<br />中国扶贫产业联盟</a>
				<a>
					<img src="${path}/v2/site/img/logo_01.png" />
					中国扶贫开发服务有限公司
				</a>
				<a>
					<img src="${path}/v2/site/img/logo_02.png" />
					人民网舆情监测室
				</a>
			</div><!--上部合作单位-->
			<div class="navBox">
				<div class="nav">
					<a class="nav-item-first active" href="${path}/HelProver/HelProverList.html">大赛首页 </a>
					<a href="${path}/HelProver/enrolList.html">大赛报名 </a>
					<a href="${path}/HelProver/surveyList.html">大赛概况 </a>
					<a href="${path}/HelProver/trendsList.html">大赛动态 </a>
					<a href="${path}/HelProver/rankingList.html">比赛排名 </a>
				</div>
				<!-- <div class="search-input">
					<span class="search-icon"></span>
					<input type="text" placeholder="搜索大赛相关信息、获奖名单" />
				</div> -->
			</div><!--导航-->
		</div><!--头部-->
		
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		         <c:forEach var="map" items="${carouseList}">
		        	<div class="swiper-slide">
		        		<a href="${map.link}"><img src=${map.url}></a>
		       		</div>
		        </c:forEach>
		    </div>
		    <!--分页器 -->
		    <div class="swiper-pagination"></div>
		</div><!--焦点图-->
		
		<div class="column-box">
			<div class="article">
				<h1>大赛概况<div class="arrow"></div></h1>
				<c:forEach var="map" items="${coentenlist}" >
					<c:if test="${map.NumOrder==1}">
						<p class="GameSurvey">${map.content}</p>
					</c:if>
				</c:forEach>
			</div><!--大赛概况-->
			<div class="column-item-box">
				<div class="column-item cloumn-item-left">
					<h1>大赛线上</h1>
					
						<!-- <a href="#">
							<img src="img/pro_image.jpg" />
							<span>扶贫产品介绍</span>
						</a>
						<p>
							大赛视频内容讲述的是在广州市天河区天河客运站慧通产业广场A6的一个帅哥和一个美女的故事。
						</p> -->
						<c:forEach var="map" items="${coentenlist}">
							<c:if test="${map.NumOrder==2}">
							<div class="info Num2">
								<a >
								<img src=${map.cover} />
								<span>扶贫产品介绍</span>
								</a>
								<p>
									${map.title}
								</p>
							</div>
							</c:if>
						</c:forEach>
					
					<!-- <a href="#" class="more">更多</a> -->
				</div>
				<div class="column-item coloumn-item-right">
					<h1>大赛热点</h1>
					<c:forEach var="map" items="${coentenlist}" varStatus="status">
						<c:if test="${map.NumOrder==6}">
							<div class="info-box Num3">
								<div class="info">
									<a>
										<img src=${map.cover} />
										<span>扶贫产品介绍</span>
									</a>
								</div>
								<div class="info-state">
									<h2>${map.title}</h2>
									<p>
									${map.digest}
									</p>
								</div>
							</div>
						</c:if>
					</c:forEach>
					<ul class="news-list">
						<c:forEach var="map" items="${coentenlist}" varStatus="status">
						<c:if test="${map.NumOrder==3}">
							<li class="Num4">
								<a target="_blank" href="${path}/HelProver/trendshot.html?contenId=${map.contenId}">
									<span>${map.title}</span>
									<i class="time">[<fmt:formatDate value="${map.createTime}" type="both"/>]</i>
								</a>
							</li>
						</c:if>
						</c:forEach>
					</ul>
				</div>
			</div>
			<div class="column-item">
				<h1>大赛视频</h1>
				<ul class="column-vedio-list">
					<!-- <li class="column-vedio-list-first">
						<a>
							<img src="img/vedio_image.jpg" />
							<span class="play-btn"></span>
						</a>
						<p class="vedio-body">
							大赛视频内容讲述的是在广州市天河区天河客运站慧通产业广场A6的一个帅哥和一个美女的故事。
						</p>
					</li>
					<li>
						<a>
							<img src="img/vedio_image.jpg" />
							<span class="play-btn"></span>
						</a>
						<p class="vedio-body">
							大赛视频内容讲述的是在广州市天河区天河客运站慧通产业广场A6的一个帅哥和一个美女的故事。
						</p>
					</li>
					<li>
						<a>
							<img src="img/vedio_image.jpg" />
							<span class="play-btn"></span>
						</a>
						<p class="vedio-body">
							大赛视频内容讲述的是在广州市天河区天河客运站慧通产业广场A6的一个帅哥和一个美女的故事。
						</p>
					</li> -->
					
					<c:forEach var="map" items="${coentenlist}" varStatus="status">
						<c:if test="${map.NumOrder==4}">
							<li class="column-vedio-list-first Num5">
								<a target="_blank" href="Http://${map.outUrl}">
									<img src=${map.cover} />
									<span class="play-btn"></span>
								</a>
								<p class="vedio-body">
									${map.title}
								</p>
							</li>
						</c:if>
					</c:forEach>
					
					  <c:forEach var="map" items="${coentenlist}" varStatus="status">
						<c:if test="${map.NumOrder==4}">
							<li class="Num6">
								<a target="_blank" href="${map.outUrl}">
									<img src= ${map.cover} />
									<span class="play-btn"></span>
								</a>
								<p class="vedio-body">
									${map.title}
								</p>
							</li>
						</c:if>
					</c:forEach>
				</ul>
			</div>
			
			<div class="column-item">
				<h1>大赛流程</h1>
				<p class="process">
					<img src="${path}/v2/site/img/process_img.png" />
				</p>
			</div>
			
			<div class="column-item">
				<h1>大赛赛区</h1>
				<p class="process">
					<img src="${path}/v2/site/img/area_img.png"/>
				</p>
			</div>
			
			<div class="column-item">
				<h1>大赛奖励</h1>
				<div class="column-content">
					<div class="column-content-left">
						<div class="column-outline">
							<h3>物质奖励</h3>
							<p>1、贫困地区大学生（建档立卡户）进入大区赛即可申请由大赛组织委员会设立的大学生专项扶
	   						 贫奖学金。</p>
	   						<p>2、进入全国前三的创业项目可获得孵化种子基金 <i>1W/5W/10W</i>和投资机构追投资格元,  其
	    					他队伍根据现场路演和风险评估决定。</p>
						</div>
						<div class="column-outline">
							<h3>荣誉奖励</h3>
							<p>1、校级前十可以获得由国家扶贫产业联盟、北京校咖网络有限公司（小咖来了）联合颁发的大
     						赛参与的电子证书；</p>
	   						<p>2、城市赛前三可以获得由国家扶贫产业联盟、国家工信部、中国电子商务协会、北京校咖网络
    						 有限公司（小咖来了）联合颁发的对应名次的项目证书；</p>
    						<p>3、全国前十获得国家扶贫产业联盟、北京校咖网络有限公司（小咖来了）联合颁发奖杯和铜牌。</p>
						</div>
					</div>
					<div class="column-content-right">
						<h3>技能成长与offer奖励</h3>
						<p>1、城市赛决赛前三可以获得小咖来了实习Offer/合作
						名企实习推荐；</p>
   						<p>2、赛前权威大咖沙龙分享指导；</p>
						<p>3、全国前十可以获得专业导师一对一辅导；</p>
						<p>4、全国前十可获得创业指导和创业孵化资格。</p>
					</div>
				</div>
			</div>
			
			<div class="column-item column-item-last">
				<h1>合作机构</h1>
				<div class="partner">
					<!-- <h2>合作媒体</h2>
					<div class="partner-link">
						<a >阿里移动事业群、</a>
						<a >阿里安全事业群、</a>
						<a >钉钉、</a>
						<a >阿里邮箱、</a>
						<a >酷秀集团、</a>
						<a >小样社区、</a>
						<a >光谷创意、</a>
						<a >云栖小镇、</a>
						<a >融港科技、</a>
						<a >云创咖啡等</a>
					</div>
					<h2>政府机构</h2>
					<div class="partner-link">
						<a >北京市科技局、</a>
						<a >北京市发改委、</a>
						<a >北京市财政局、</a>
						<a >北京市教育局、</a>
						<a >北京市商务局、</a>
						<a >北京市金融办等</a>
					</div> -->
					
					<c:forEach var="map" items="${operateList}"><!-- 合作机构 -->
			        	<c:if test="${map.columtype==1}">
			        	  ${map.content }
			        	</c:if>
			        </c:forEach>
				</div>
			</div>
		</div><!--主体栏目-->
		
		<div class="footer">
			<div class="firm-info">
				<p><span>大赛官方联系：010-57032762</span><span>大赛QQ群：436016998</span><span>大赛官方邮箱：cww@xiaoka360.com</span></p>
				<p><span>大赛组织单位地址：北京市海淀区北三环西路25号京仪孵化园27号楼3层</span><span>官方网址：http://XXXXXXXXXXXXXXXX</span></p>
				<p class="copyright">版权所有 © 2016 “长安双创杯”北京市创新创业大赛暨阿里云Find校园合伙人创业大赛陕西赛区组委会</p>
			</div>
		</div><!--底部-->
		
	</body>
	<script src="${path}/v2/site/js/idangerous.swiper.min.js"></script>
	<script>
		$(function(){ 
			$(".nav :last-child").css("margin-right",0);
			var wid = $(".nav").outerWidth(true);
			$(".nav").css({"margin-left":-wid/2,"position":"relative","left":"50%"});
			
			$(".Num2:gt(0)").remove();
			$(".Num3:gt(0)").remove();
			$(".Num4:lt(1)").remove();
			$(".Num5:gt(0)").remove();
			$(".Num6:lt(1)").remove();
			var mySwiper = new Swiper('.swiper-container',{
			    loop: true,
			    autoplay:3000,
			    pagination: '.swiper-pagination',
			    paginationClickable:true
		 	});
		});
		
		
	</script>
</html>
